<template>
    <bi-form>
        <bi-form-item label="层级">
            <bi-input v-model="form.zIndex"></bi-input>
        </bi-form-item>
        <bi-form-item label="上边距">
            <input-size v-model="form.marginTop" ></input-size>
        </bi-form-item>
        <bi-form-item label="下边距">
            <input-size v-model="form.marginBottom" ></input-size>
        </bi-form-item>
        <bi-form-item label="组件间距">
            <input-size v-model="form.modelGap" ></input-size>
        </bi-form-item>
    </bi-form>
</template>

<script>
import inputSize from './field/input-size.vue';
export default {
    components:{
        inputSize
    },
    dialog:{
        title:'行样式',
    },
    
    data() {

        let form = {
            modelGap:'',
            marginTop:'',
            marginBottom:'',
            zIndex:'',
        }
        this.$assign(form,this.param);
        return {
            form
        }
    },
    props:{
        param:{
            type:Object,
            default:{}
        }
    },
    methods:{
        dialogOk(){
            this.dialog.callback(this.form);
            return true;
        }
    }
}
</script>